<template>
    <div class="layout-main">
        <div class="section section-filter">
            <el-form ref="filterForm" :inline="true" :model="filterData">
                <el-form-item label="姓名">
                    <el-input v-model="filterData.name" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="身份证号">
                    <el-input v-model="filterData.id1" placeholder="请输入身份证号"></el-input>
                </el-form-item>
            </el-form>
            <div class="form-btn">
                <button @click="sumbitQuery">查询</button>
            </div>
        </div>
        <div class="section section-panel">
            <div class="panel-title">
                <span>OA信息</span>
            </div>
            <div class="panel-content">
                <el-tabs v-model="oaCurrent" type="card" @tab-click="oaTabClick">
                    <el-tab-pane label="个人综合信息" name="1">个人综合信息</el-tab-pane>
                    <el-tab-pane label="财务报销台账" name="2">财务报销台账</el-tab-pane>
                </el-tabs>
            </div>
        </div>
        <div class="section section-panel">
            <div class="panel-title">
                <span>涉及产品类型</span>
            </div>
            <div class="panel-content">
                <el-tabs v-model="oaCurrent" type="card" @tab-click="oaTabClick">
                    <el-tab-pane label="云贷" name="1">云贷</el-tab-pane>
                    <el-tab-pane label="7贷" name="2">7贷</el-tab-pane>
                    <el-tab-pane label="达分期" name="3">达分期</el-tab-pane>
                    <el-tab-pane label="达飞商城" name="4">达飞商城</el-tab-pane>
                    <el-tab-pane label="移动支付1.0" name="5">移动支付1.0</el-tab-pane>
                </el-tabs>
            </div>
        </div>
    </div>
</template>
<script>
    import './index.less';
    export default {
        name: 'index',
        data() {
            return {
                filterData: {},
                oaCurrent: '1'

            }
        },
        components: {
        },
        mounted() {
            this.$store.dispatch('setBreadData', [
                {
                    name: ' 辅助工具'
                },
                {
                    name: '达飞数据查询'
                }
            ]);
        },
        methods: {
            // 查询
            sumbitQuery() {

            },
            oaTabClick(tab, event) {
                console.log(tab, event);
            }
        }
    };
</script>